﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>instano 10</title>
<script src="JS/piano.js"></script>
<link href="CSS/style_instano.css" type="text/css" rel="stylesheet">
</head>

<body>
<div id="all">
	
	<!--主要代码-->
    <ul class="piano">
        <li class="key">
            <span id="k72u" class="white-key" data-key="20" data-note="1C"></span>
            <span id="k73u" class="black-key" data-key="81" data-note="1Cs"></span>
        </li>
        <li class="key">
            <span id="k74u" class="white-key" data-key="65" data-note="1D"></span>
            <span id="k75u" class="black-key" data-key="87" data-note="1Ds"></span>
        </li>
        <li class="key">
            <span id="k76u" class="white-key" data-key="83" data-note="1E"></span>
        </li>
        <li class="key">
            <span id="k77" class="white-key" data-key="68" data-note="1F"></span>
            <span id="k78" class="black-key" data-key="82" data-note="1Fs"></span>
        </li>
        <li class="key">
            <span id="k79" class="white-key" data-key="70" data-note="1G"></span>
            <span id="k80" class="black-key" data-key="84" data-note="1Gs"></span>
        </li>
        <li class="key">
            <span id="k81" class="white-key" data-key="71" data-note="2A"></span>
            <span id="k82" class="black-key" data-key="89" data-note="2As"></span>
        </li>
        <li class="key">
            <span id="k83" class="white-key" data-key="72" data-note="2B"></span>
        </li>
        <li class="key">
            <span id="k84" class="white-key" data-key="74" data-note="2C"></span>
            <span id="k85" class="black-key" data-key="73" data-note="2Cs"></span>
        </li>
        <li class="key">
            <span id="k86" class="white-key" data-key="75" data-note="2D"></span>
            <span id="k87" class="black-key" data-key="79" data-note="2Ds"></span>
        </li>
        <li class="key">
            <span id="k88" class="white-key" data-key="76" data-note="2E"></span>
        </li>
        <li class="key">
            <span id="k89" class="white-key" data-key="186" data-note="2F"></span>
            <span id="k90" class="black-key" data-key="219" data-note="2Fs"></span>
        </li>
        <li class="key">
            <span id="k91" class="white-key" data-key="222" data-note="2G"></span>
            <span id="k92" class="black-key" data-key="221" data-note="2Gs"></span>
        </li>
        <li class="key">
            <span id="k93" class="white-key" data-key="220" data-note="3A"></span>
            <span id="k94" class="black-key" data-key="13" data-note="3As"></span>
        </li>
        <li class="key">
            <span id="k95" class="white-key" data-key="37" data-note="3B"></span>
        </li>
    </ul>

</div>

<div id="down">
    <ul class="piano">
        <li class="key">
            <span id="k53" class="white-key" data-key="68" data-note="1F"></span>
            <span id="k54" class="black-key" data-key="82" data-note="1Fs"></span>
        </li>
        <li class="key">
            <span id="k55" class="white-key" data-key="70" data-note="1G"></span>
            <span id="k56" class="black-key" data-key="84" data-note="1Gs"></span>
        </li>
        <li class="key">
            <span id="k57" class="white-key" data-key="71" data-note="2A"></span>
            <span id="k58" class="black-key" data-key="89" data-note="2As"></span>
        </li>
        <li class="key">
            <span id="k59" class="white-key" data-key="72" data-note="2B"></span>
        </li>
        <li class="key">
            <span id="k60" class="white-key" data-key="74" data-note="2C"></span>
            <span id="k61" class="black-key" data-key="73" data-note="2Cs"></span>
        </li>
        <li class="key">
            <span id="k62" class="white-key" data-key="75" data-note="2D"></span>
            <span id="k63" class="black-key" data-key="79" data-note="2Ds"></span>
        </li>
        <li class="key">
            <span id="k64" class="white-key" data-key="76" data-note="2E"></span>
        </li>
        <li class="key">
            <span id="k65" class="white-key" data-key="186" data-note="2F"></span>
            <span id="k66" class="black-key" data-key="219" data-note="2Fs"></span>
        </li>
        <li class="key">
            <span id="k67" class="white-key" data-key="222" data-note="2G"></span>
            <span id="k68" class="black-key" data-key="221" data-note="2Gs"></span>
        </li>
        <li class="key">
            <span id="k69" class="white-key" data-key="220" data-note="3A"></span>
            <span id="k70" class="black-key" data-key="13" data-note="3As"></span>
        </li>
        <li class="key">
            <span id="k71" class="white-key" data-key="37" data-note="3B"></span>
        </li>
        <li class="key">
            <span id="k72" class="white-key" data-key="20" data-note="1C"></span>
            <span id="k73" class="black-key" data-key="81" data-note="1Cs"></span>
        </li>
        <li class="key">
            <span id="k74" class="white-key" data-key="65" data-note="1D"></span>
            <span id="k75" class="black-key" data-key="87" data-note="1Ds"></span>
        </li>
        <li class="key">
            <span id="k76" class="white-key" data-key="83" data-note="1E"></span>
        </li>
    </ul>
</div>>

</body>
</html>